@font-face {
    font-family: 'iconfont';
    src: url('../iconfont/iconfont.eot');
    src: url('../iconfont/iconfont.eot?#iefix') format('embedded-opentype'),
        url('../iconfont/iconfont.woff2') format('woff2'),
        url('../iconfont/iconfont.woff') format('woff'),
        url('../iconfont/iconfont.ttf') format('truetype'),
        url('../iconfont/iconfont.svg#iconfont') format('svg');
}

.iconfont,
[class^="el-icon-third-"],
[class*=" el-icon-third-"] {
    font-family: "iconfont" !important;
    font-style: normal;
    font-size: 0.2rem;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

.iconfont-default {
    color: var(--defaultIconColor, #b5b9bc);
}

.iconfont-qq {
    color: var(--iconfontQQ, #409EFF);
    border-color: var(--iconfontQQ, #409EFF);
}

.iconfont-wechat,
.iconfont-wechat-friend,
.iconfont-wechat-pay {
    color: var(--iconfontWechat, #28c445);
}

.iconfont-weibo {
    color: var(--iconfontWeibo, #d32024);
}

.iconfont-zhihu {
    color: var(--iconfontZhihu, #409EFF);
}

.iconfont-gitee {
    color: var(--iconfontGitee, #c71d23);
}

.iconfont-github {
    color: var(--iconfontGithub, #4c4948);
}

.iconfont-collect {
    color: var(--iconfontCollect, #ffffff);
}

.iconfont-horn {
    color: var(--iconfontHorn, #ff0000);
}

.iconfont-link {
    color: var(--iconfontLink, #fe5f55);
}